<template>
	<!-- <div v-if="!isHome">
		<router-view />
	</div> -->
	<CasinoHome />
</template>
<script lang="ts" setup>
//import { computed } from 'vue'
//import { useRoute } from 'vue-router'
import CasinoHome from '../casino-home/index.vue'

//const route = useRoute()

// const isHome = computed(() => {
// 	return route.name === 'casino'
// })
// import { onMounted, onUnmounted, watch } from 'vue'
// import { unSubSlotEvents, subSlotEvents } from '@/api/socket'
// import { EVENT_SOCKET_RECONNECT } from '@/constants/'
// import bus from '@/utils/lib/event-bus'
// import { useAppStore } from '@/store'

// const appStore = useAppStore()

// watch(
// 	() => appStore.region,
// 	(val, oldVal) => {
// 		unSubSlotEvents([`slots_channel_${oldVal}`, `casino_channel_${oldVal}`])
// 		subSlotEvents([`slots_channel_${val}`, `casino_channel_${val}`])
// 	},
// 	{
// 		immediate: true
// 	}
// )

// onMounted(() => {
// 	subSlotEvents([`slots_channel_${appStore.region}`, `casino_channel_${appStore.region}`])
// 	bus.$on(EVENT_SOCKET_RECONNECT, () => {
// 		subSlotEvents([`slots_channel_${appStore.region}`, `casino_channel_${appStore.region}`])
// 	})
// })

// onUnmounted(() => {
// 	unSubSlotEvents([`slots_channel_${appStore.region}`, `casino_channel_${appStore.region}`])
// })
</script>
